    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!--
        表单： 
        - 在显示生活中表单用于提交数据
        - 在网页中的表单，网页中的表单用于将本地的数据交给远程的服务器
        - 使用form标签来创建一个表单
        -->
        <!-- 
        form 的属性
            action 表单要提交的服务器的地址
        -->
        <form action="target.html"></form>
        <!-- 
         文本框
         注意： 数据提交到服务器中，必须要为元素指定一个name属性
        -->
         <input type="text" name="username">
         <!-- 
          密码框
         -->
          密码框<input type="password"name="password">
          <br><br>

          <!-- 
            单选按钮
                - 像选择框，必须指定value属性，value属性最终会作为用户的填写值传递给服务器
                - checked可以将单选按钮设置为默认选中
          -->
            单选按钮  <input type="radio"name="gender"value="男">
                     <input type="radio"name="gender"value="女">
                     <br><br>
         <!-- 提交按钮 -->
         <input type="submit"value="注册">
         <br><br>

         <!-- 多选按钮 -->
         多选框<input type="checkbox"name="hobby"value="吃饭">
         <input type="checkbox"name="hobby"value="睡觉">   
         <br><br>
         
         <!-- 下拉列表 -->
          <select name="haha" id="ss">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
          </select>

         <br><br>
         <!-- 提交按钮
           -->
         <input type="submit" value="注册">

    </body>
    </html>